@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.a4a-marketplace__toggle-marketplace-type {
	display: flex;
	align-items: center;
	margin-inline-end: 1rem;
	gap: 0.25rem;

	.components-toggle-control {
		margin: 0;
	}

	.gridicon {
		fill: var(--studio-gray-40);
		cursor: pointer;
	}
}

.referral-toggle__notice {
	.a4a-popover__title {
		@include heading-medium;
		color: var(--studio-gray-80);
	}

	.referral-toggle__notice-description {
		@include body-medium;
	}
}
